import React from 'react';
import { Modal, Form, Input, Alert } from 'antd';

import { FormInstance } from 'antd/es/form';

const layout = {
  labelCol: { span: 4 },
  wrapperCol: { span: 20 },
};


export class AfterSale extends React.Component{
	formRef = React.createRef<FormInstance>();
	state = {
		confirmLoading: false
	}
	render(){
		const { visible } = this.props;
		const { confirmLoading } = this.state;
		return (<>
			<Modal
		        title="新浪网-广东（首发）-售后（05091-1）"
		        visible={visible}
		        width="700px"
		        onOk={() => { this.props.onCancel() }}
		        confirmLoading={confirmLoading}
		        onCancel={() => { this.props.onCancel() }}
		    >
		    	<Alert
			      message="广州“互联网超级星”评选揭晓，薪宝科技获“互联网最具品牌价值企业奖”"
			      type="warning"
			    />
			    <div style={{padding: '30px 30px'}}>
			    	
			        <Form {...layout} ref={this.formRef} name="control-ref" >
			        	<Form.Item name="nc" label="稿件问题" rules={[{ required: true }]}>
				          <Input placeholder="昵称保存后不能修改"/>
				        </Form.Item>
			        	<Form.Item name="qq" label="链接地址" rules={[{ required: true }]}>
				          <Input placeholder="请输入" />
				        </Form.Item>
			        </Form>
			        </div>
		    </Modal>
		</>)
	}
}